// 处理图片异常的 自定义事件后面的 对象
export const imageerror = {
  // 指令对象 会在当前的 dom 元素插入到节点之后执行
  // 通过 options.value 获取传来的值
  inserted(dom, options) {
    // 当图片没有的时候为 null 的时候 给一个默认的路径
    if (!dom.src) {
      dom.src = options.value;
    }
    // dom.src = dom.src || options.value;
    // options 是 指令中的变量的解释 其中有一个属性叫做 value  接收传递的参数 默认路径
    // dom 表示当前指令作用的 dom 对象
    // dom 认为此时就是 图片
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
    dom.onerror = function () {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为图片的内容
      // dom 可以注册 error 事件
      dom.src = options.value; //不能写死
    };
  },
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value;
  },
};
